<template>
  <div id="about">
    <!-- 仍然值得我们关注 -->
    <Suspense>
      <template #default>
        <Follow></Follow>
      </template>
      <template #fallback> Loading... </template>
    </Suspense>
    <!-- 关于我们 -->
    <Suspense>
      <template #default>
        <AboutUs></AboutUs>
      </template>
    </Suspense>
  </div>
</template>

<script lang="ts" setup>
import { Follow, AboutUs } from '@/components/client/about'
import currScroll from '@/hooks/scroll'

// 记录当前浏览进度
currScroll()
</script>

<style scoped lang="less">
#about {
  // 动画名称
  animation: fadeInUp;
  // 动画持续时间
  animation-duration: 1s;
}
</style>
